.home{ 
	width: 100%;
	display: flex;
	flex-direction: row;
	justify-content: space-between;
	.auto_bookIng{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 10; 
	}
	.auto_bookIng_00{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height:65px;
		z-index: 13; 
	}
	.home_Left{
		width: 200px;
		background-color: #fff;
		overflow-y: auto;
		display: flex; 
		.noFile{ 
			display: flex;
			flex-direction: column;
			justify-content: center;
			align-items: center;
			width: 100%;
			.upFileBox{
				width: 144px;
				height: 144px;
				background-color: #fafafa;
				border: 1px dashed #d9d9d9;
				position: relative;
				.upFileBoxCon{
					width: 144px;
					height: 144px;
					display: flex;
					flex-direction: column;
					justify-content: center;
					align-items: center;
					img{
						display: block;
						width: 36px;
						height: 36px;
					}
					span{
						display: block;
						text-align: center;
						color: #252525;
						font-size: 12px;
						line-height: 22px;
						margin-top: 15px;
					}
				}
				input{
					display: block;
					position: absolute;
					top: 0;
					left: 0;
					width: 100%;
					height: 100%;
					opacity: 0;
					cursor: pointer;
				}
			}
		}
		
		.upFileBox:hover{
			border-color: #ff8040;
		}
		
		.itemUL{
		  //padding:10px 0;
		  width: 100%;
		  li{
			  display: flex;
			  flex-direction: row;
			  align-items: center; 
			  cursor: pointer;
			  padding:10px 15px;
			  position: relative;
			  .box_cir{
				  color: #fff;
				  font-size: 12px;
				  width: 20px;
				  height: 20px;
				  line-height: 20px;
				  border-radius: 50%;
				  background-color: #314659;
				  text-align: center;
			  }
			  .txt{
				color: #314659; 
				font-size: 12px; 
				height: 20px;
				line-height: 20px;
				margin-left: 5px;
			  }
		  }
		  
		  li:hover{
			  .txt{
				  color: #ff8040;
			  }
		  }
		  
		  .i_t_ItAc{
			  background-color: #fff8ed;
			  .txt{
			  	color: #ff8040;
			  }
		  }
		  
		  .i_t_ItAc::after{
			  content: "";
			  position: absolute;
			  top: 0;
			  right: 0;
			  width: 3px;
			  height: 100%;
			  background-color: #ff8040;
		  }
		}
		
	}
	.home_Right{
		display: flex;
		position: relative;
		.im_R{
			position: absolute;
			top: 10px;
			right:20px;
			z-index: 10;
		}
		.home_no_dataBox{
			padding: 25px; 
			display: flex;
			flex-direction: row;
			.home_no_data_left{
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				width: 180px;
				ul{
					//background-color: #f00;
					display: flex;
					flex-direction: column;
					li{ 
						padding: 10px 0;
						display: flex;
						flex-direction: row;
						.dot{
							width: 24px;
							margin-right: 10px;
							.dot_00{
								background-color: #fff;
								text-align: center;
								color: #ccc;
								font-size: 14px;
								height: 22px;
								line-height: 22px;
								width: 22px;
								border-radius: 50%;
								border: 1px solid #c0c0c0;
							}
							.dot_02{
								background-color: #fff; 
								height: 22px; 
								width: 22px;
								border-radius: 50%;
								border: 1px solid #f47920;
								display: flex;
								flex-direction: row;
								justify-content: center;
								align-items: center;
								position: relative;
								img{
									display: block;
									width: 16px;
									height: 16px;
								}
							}
							.dot_01{
								background-color: #f47920;
								text-align: center;
								color: #fff;
								font-size: 14px;
								height: 24px;
								line-height: 24px;
								width: 24px;
								border-radius: 50%;
								position: relative;
							}
							.line_00::after{
								content: "";
								position: absolute;
								top: -28px;
								    left: 12px;
								    width: 1px;
								    height: 21px;
								background-color:#f47920;
							}
						}
						.txt{
							dt{
								color: #242425;
								font-size: 14px;
								line-height: 20px;
							}
							dd{
								color: #545456;
								font-size: 14px;
								line-height: 20px;
							}
						}
					}
				}
			} 
			.home_no_data_right{ 
				display: flex;
				flex-direction: row;
				justify-content: center;
				align-items: center;
				position: relative;
			    width: calc(100% - 180px);
				.noData{ 
					display: flex;
					flex-direction: row;
					justify-content: center;
					.noDataCon{
						//width: 74px;
						display: flex;
						flex-direction: column;
						align-items: center;
						justify-content: center;
						img{
							display: block;
							width: 100px;
						}
						span{
							display: block;
							color: #545456;
							text-align: center;
							font-size: 15px;
							line-height: 24px;
							margin-top: 10px;
							transform: translateX(-12px);
						}
					}
				}
				
			}
		}
		
		.h_item_con{
			padding: 25px;
			overflow-y: auto;
			.h_item_conMain{
				
			} 
			.h_item_con_top{
				.txt{
					color: #deab8a;
					font-size: 14px;
					line-height: 24px;
					height: 24px;
				}
			}
			.h_item_con_bot{
				display: flex;
				flex-direction: row;
				justify-content: space-between;
				height: calc(100% - 24px);
				align-items: flex-start;
				.h_item_con_bot_left{
					position: relative;
					width: 400px;
					border: 1px solid #f0f0f0;
					background-color:#fff;
					border-radius: 6px;
					.h_item_con_b_box{
						
						.tit{
							display: flex;
							flex-direction: row;
							justify-content: space-between;
							padding: 6px 15px;
							border-bottom: 1px solid #f0f0f0;
							dt{
								span{
									display: block;
									color: #262626;
									font-size: 15px;
									height: 30px;
									line-height: 30px;
								}
							}
							dd{
							  display: flex;
							  flex-direction: row;
							  span{
							  	display: block;
							  	color: #262626;
							  	font-size: 15px;
							  	height: 30px;
							  	line-height: 30px;
							  }
							  .dot{
								display: flex;
								flex-direction: row;
								align-items: center;
								.dotLi{
									width: 10px;
									height: 10px;
									border-radius: 50%;
									background-color: #008000;
									margin-left:10px;
								} 
							  }
							  
							  .no_dot .dotLi{
							  	background-color: #f00 !important;
							  }
							}
						}
						.ins_con{
							border-bottom: 1px solid #f0f0f0;
							padding: 15px;
						    >li{
								margin-bottom: 15px;
								.li_tit{
									color: #595959;
									font-size: 15px;
									line-height: 24px;
								}
								.li_Con{
									margin-top: 10px;
									.gou{
											display: flex;
											flex-direction: row;
										.gouLi{
											display: flex;
											flex-direction: row;
											margin-right: 10px;
											img{
												display: block;
												width: 16px;
												height: 16px;
											}
											span{
												display: block;
												height: 16px;
												line-height: 16px;
												color: #595959;
												font-size: 14px;
												margin-left: 5px;
											}
										}
									}
									.inpBox{
										display: flex;
										flex-direction: row;
										.inpLi{
											display: flex;
											flex-direction: row;
											input{
												display: block;
												border: 1px solid #d9d9d9;
												border-radius: 3px;
												padding: 0 0 0 10px;
												height: 30px;
												line-height: 30px;
												color: #595959;
												font-size: 14px;
												outline: none;
												width: 60px;
											}
											input:hover{
												border-color: #ff8040;
											}
											span{
												display: block;
												height: 30px;
												line-height: 30px;
												color: #595959;
												font-size: 14px;
												margin-left: 5px;
											}
											
											.mr_00{
												margin-left: 0;
												margin-right: 5px;
											}
											.mr_01{ 
												margin-right: 5px;
											}
											.mr_02{ 
												margin:0 5px;
											}
										}
										.inptxt{ 
												height: 30px;
												line-height: 30px;
												color: #595959;
												font-size: 14px;
												margin:0 5px;
										}
									}
									.sel_box{
										display: flex;
										flex-direction: row;
										align-items: center;
										>span{
											display: block;
											height: 30px;
											line-height: 30px;
											color: #595959;
											font-size: 14px;
											margin-right: 10px;
										}
										.selectBox{
										  width: 200px;
										  position: relative;
										  .selectBox_topBg{
										    border: 1px solid #d9d9d9;
										    background-color: #fff;
										    width: 178px;
										    padding: 0 10px;
										    display: flex;
										    flex-direction: row;
										    justify-content: space-between;
										    align-items: center;
										    cursor: pointer;
										    span{
										      display: block;
										      height: 32px;
										      line-height: 32px;
										      color: #595959;
										      font-size: 14px;
										    }
										    img{
										      display: block;
										      width: 15px;
										      height: 15px;
										    }
										  }
										
										  .selectBox_topBg:hover{
										    border-color: #ff8040;
										    span{
										      color: #ff8040;
										    }
										  }
										
										  .s_box_top_o{
										    border-color: #ff8040;
										    span{
										      color: #ff8040;
										    }
										  }
										
										  .selectBox_botBg{
										    position: absolute;
										    top: 36px;
										    left: 0;
										    width: 100%;
										    z-index: 1;
										    padding: 5px 0;
										    .selectBox_bot{
										      background-color: #fff;
										      border-radius: 3px;
										      box-shadow: 0 0 6px rgba(0, 0, 0, .1);
										      padding: 5px 0;
										      li{
										        cursor: pointer;
										        span{
										          display: block;
										          padding: 0 15px;
										          height: 30px;
										          line-height: 30px;
										          font-size: 14px;
										          color: #595959;
										        }
										      }
										      li:hover{
										        background-color: #fff8ed;
										      }
										      .s_B_bot_Ac{
										        background-color: #fff8ed;
										      }
										    }
										  }
										}
									}
									.radioBox{
										display: flex;
										flex-direction: row;
										align-items: center;
										span{
											display: block;
											height: 30px;
											line-height: 30px;
											color: #595959;
											font-size: 14px; 
										}
										.radioMain{
											display: flex;
											flex-direction: row;
											align-items: center;
											margin-left: 10px;
											input{
												display: block;
											}
											label{
												display: block;
												margin-left: 6px;
												height: 30px;
												line-height: 30px;
												color: #595959;
												font-size: 14px;
												cursor: pointer;
											}
										}
									}
									.orderBtn{
										border: 1px solid #d9d9d9;
										border-radius: 3px;
										height: 32px;
										line-height: 32px;
										color: #595959;
										font-size: 14px;
										width: 80px;
										cursor: pointer;
										transition: .3s;
										text-align: center;
									}
									.orderBtn:hover{
										border-color: #f47920;
										color: #f47920;
									}
								}
							}
						}
					}
				}
				
				.h_item_con_bot_right{
					width: calc(100% - 430px); 
					height: 100%;
					border: 1px solid #f0f0f0;
					background-color:#fff;
					border-radius: 6px;
					.title{
						border-bottom: 1px solid #f0f0f0;
						color: #262626;
						font-size: 15px;
						height: 30px;
						line-height: 30px;
						padding:6px 15px;
					}
					.con{
						padding:20px 15px; 
						height: calc(100% - 83px);  
						position: relative;
						overflow: hidden;
						.conMain{
							position: absolute;
							bottom: 0;
							left: 0;
							padding:20px 15px;
							width: calc(100% - 30px);
							min-height: calc(100% - 40px);
							overflow-y: auto;
						    ul{
								li{
									span{
										padding: 4px 0;
										display: block;
										font-size: 14px;
										line-height: 22px;
										color: #595959;
									}
								}
							}
						}
					}
				}
			}
		}
	}
	.verCode{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 11;
		display: flex;
		flex-direction: row;
		justify-content: center;
		align-items: center;
		background-color: rgba(0, 0, 0, .1);
	}
}